<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><%=@title || "测评系统量表使用手册"%></title>
<link href="/stylesheets/survey_public.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="/javascripts/jquery/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="/javascripts/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="/javascripts/jquery/ui/ui.core.js"></script>
<script type="text/javascript" src="/javascripts/jquery/ui/ui.accordion.js"></script>
<style>
#content{ width:885px; float:left; min-height: 700px}
.content01{ width:885px; float:left; height:42px; border-bottom:1px solid #1a80d0;}
#guan{ width:190px; height:42px; line-height:42px; padding-left:112px; float:left;}
#guan li{ width:50px; float:left;}
#guan2{ width:190px; height:42px; line-height:42px; float:left;}
#guan2 li{ width:60px; float:left;}
#text{ width:114px; height:20px; border:1px solid #a5acb2; margin-top:10px;}
#guan3{ width:92px; float:right; padding-right:96px;}
#guan3 li{ width:92px; height:34px; padding:9px 0 0 0px; float:left;}
.content02{ width:860px; line-height:45px; float:left; padding-left:25px;}

.content03{ width:819px; float:left; padding:5px 0 0 68px;}
.STYLE1 {color: #FFFFFF}
.back{ width:102px; height:35px; float:right; padding-right:20px; margin-top:40px;}
#footer{ width:100%; height:200px; float:left; background:url(/images/user/report_list/footer.jpg) no-repeat; text-align:center; color:#295c72;}
#footer h1{ margin-top:100px;}

.manual-class {line-height:1.7;}

</style>
<script type="text/javascript">
$(function() {
        $("#accordion").accordion({
                collapsible: true,
                autoHeight: false
        });
});

function showManual(id){
  $('.manual-class').hide();
  //$('#manual' + id).show('Drop', '', 100);
  $('#manual' + id).show();
}
</script>
</head>

<body>
  <div id="page">
    
    <div id="header">
      <ol>
        <li id="title-text"> 使 用 手 册</li>
      </ol>
      <ul>
        <li> <%=current_user.name%></li>
        <li style="margin:0 20px 0 0;"><a href="/login/logout">安全退出 </a></li>
      </ul>
    </div>

    <div id="content">

      <div id="accordion" style="float:left; width:240px;margin:20px 0 0 20px">

        <!--
        <h3><a href="#" >基本概念</a></h3>
        <div>
          <ul>
            <li style="margin-bottom:8px"><a href="#" onclick="">基本概念1</a></li>
            <li style="margin-bottom:8px"><a href="#" onclick="">基本概念2</a></li>
            <li style="margin-bottom:8px"><a href="#" onclick="">基本概念3</a></li>
          </ul>
        </div>
        -->

        <% @tests_hash.each do |test_type, tests| %>
        <h3><a href="#" ><%= test_type.name %></a></h3>
        <div>
          <ul>
            <% tests.each do |test| %>
            <li style="margin-bottom:5px;" onclick="showManual(<%=test.id%>)" onmouseover="$(this).css({cursor:'hand'})"><%= test.name %></li>
            <% end %>
          </ul>
        </div>
        <% end %>
      </div>

      <div id="manual" style="float:left; width:550px; margin:20px 0 0 30px">
      
        <div id="top_back" style="float:right; width:100px;margin:10px 0 0 10px">
          <a href="/user/test/home"><img src="/images/back.png" width="88" height="27" /></a>
        </div>
        <% i = 0 %>
        <% @tests_hash.each_value do |tests| %>
          <% tests.each do |test| %>

            <% if i == 0 %>
        <div id="manual<%=test.id%>" class="manual-class">
              <% i += 1 %>
            <% else %>
        <div id="manual<%=test.id%>" class="manual-class" style="display:none;">
            <% end %>
          <b><%= test.name %></b><br/><br/>
          <%= test.instruction %>
        </div>
          <% end %>
        <% end %>
      </div>

      

  </div>
  <div class="back">
                <a href="/user/test/home"><img src="/images/back.png" width="88" height="27" /></a>
        </div>
    </div>
  <div id="footer">
    <h1>北京心嘉源咨询有限公司 CopyRight © www.iyaoi.cn 2009</h1>
  </div>
</body>
</html>
